﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>主页</title>
<script type="text/javascript" src="js/common.js"></script>
<link rel="stylesheet" href="style/main.css" type="text/css"/>
<style type="text/css">
body {
	background: url(img/templatemo_body.png);
	background-size:100%,100%;
}
#Layer1 {
	z-index:1;
	text-align:center;
	background:url(img/circle1.png);
	width :490px;
	height:486px;
	margin-left:30%;
	background-size:491px,490px;
	opacity:.9;
}
#Layer2 {
	z-index:1;
	display:inline-block;
	width:270px;
	height:110px;
}
</style></head>

<body> 
<div id="nick_display" class="index_nick_display"></div>
<div id="logo"' style="text-align:center;width:100%;margin-top:-10px;">
	<div id="Layer2"><img src="img/logo.png"  style="width:270px;height:110px"/></div>
</div>
<div id="Layer1">

<!-- 		<div style="width:243px;height:244px;display:inline-block;">Current</div> -->
<!-- 		<div style="width:243px;height:244px;display:inline-block;">Favorite</div> -->

<!-- 	<div id="row2" style="width:100%;height:245px;"> -->
<!-- 		<div style="width:245px;height:245px;">History</div> -->
<!-- 	 	<div style="width:245px;height:245px;display:inline-block;">Favorite</div> -->
<!-- 	</div> -->
	<table style="width:100%;height:100%">
		<tr style="width:100%;height:50%;"><td onclick="pMain.goToCurrent()"></td><td onclick="pMain.goToFavorite()"></td></tr>
		<tr style="width:100%;height:50%;"><td onclick="pMain.goToHistory()"></td><td onclick="pMain.goToRecommend()"></td></tr>
	</table>
</div>
<script type="text/javascript" src="js/main.js"></script>
</body>


</html>
